<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Study french easy: Add image</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<header>
    <h1 class="site-title">Study french easy</h1>
</header>
<div id="body">
    <main>
        <section class="image-section">
            <div class="image-block">
                <img id="image" src=""/>
            </div>
        </section>
        <section class="add-image-section">
            <label for="imageSrc">Image src: </label>
            <input type="url" id="imageSrc">
            <label for="imageText">Image text: </label>
            <input type="text" id="imageText">
            <label for="category">Category: </label>
            <input type="text" id="category">
            <input type="button" id="add-image-btn" value="Add image">
        </section>
    </main>
</div>
</body>
<script src='js3rdparty/sockjs-min-0.3.4.js'></script>
<script src='js/vertx-eventbus.js'></script>
<script src='js/add-image.js'></script>
</html>